<!DOCTYPE html>
<html lang="en" data-textdirection="ltr" class="loading">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
    <meta name="description"
        content="Robust admin is super flexible, powerful, clean &amp; modern responsive bootstrap 4 admin template with unlimited possibilities.">
    <meta name="keywords"
        content="admin template, robust admin template, dashboard template, flat admin template, responsive admin template, web app">
    <meta name="author" content="PIXINVENT">
    <title>Basic Tables - Robust Free Bootstrap Admin Template</title>
    <script src="/public/jquery/jquery-3.3.1.min.js" type="text/javascript"></script>
    <link rel="apple-touch-icon" sizes="60x60" href="/public/bbs_admin/app-assets/images/ico/apple-icon-60.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/public/bbs_admin/app-assets/images/ico/apple-icon-76.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/public/bbs_admin/app-assets/images/ico/apple-icon-120.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/public/bbs_admin/app-assets/images/ico/apple-icon-152.png">
    <link rel="shortcut icon" type="image/x-icon" href="/public/bbs_admin/app-assets/images/ico/favicon.ico">
    <link rel="shortcut icon" type="image/png" href="/public/bbs_admin/app-assets/images/ico/favicon-32.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <!-- BEGIN VENDOR CSS-->
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/app-assets/css/bootstrap.css">
    <!-- font icons-->
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/app-assets/fonts/icomoon.css">
    <link rel="stylesheet" type="text/css"
        href="/public/bbs_admin/app-assets/fonts/flag-icon-css/css/flag-icon.min.css">
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/app-assets/vendors/css/extensions/pace.css">
    <!-- END VENDOR CSS-->
    <!-- BEGIN ROBUST CSS-->
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/app-assets/css/bootstrap-extended.css">
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/app-assets/css/app.css">
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/app-assets/css/colors.css">
    <!-- END ROBUST CSS-->
    <!-- BEGIN Page Level CSS-->
    <link rel="stylesheet" type="text/css"
        href="/public/bbs_admin/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css"
        href="/public/bbs_admin/app-assets/css/core/menu/menu-types/vertical-overlay-menu.css">
    <!-- END Page Level CSS-->
    <!-- BEGIN Custom CSS-->
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/assets/css/style.css">
    <!-- END Custom CSS-->
    <script src="/public/layui/layui.all.js"></script>
    <!-- 富文本 -->
    <script charset="utf-8" src="__BBS_Module__/kindeditor/kindeditor-all.js"></script>
    <script charset="utf-8" src="__BBS_Module__/kindeditor/lang/zh-CN.js"></script>
    <!-- 富文本end -->
    <!-- data_time request -->
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="/public/bbs_admin/data_time/assets/theme/css/tempusdominus-bootstrap-4.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
                <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
                <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
            <![endif]-->
    <script type="text/javascript" src="/public/bbs_admin/data_time/js/moment-with-locales.min.js"></script>
    <script src="/public/bbs_admin/data_time/assets/theme/js/tempusdominus-bootstrap-4.js"></script>
    <script src="/public/bbs_admin/bootstrap/bootstrap/js/bootstrap.js"></script>
    <script src="/public/bbs_admin/bootstrap/bootstrap-select/js/bootstrap-select.js"></script>
    <link rel="stylesheet" href="/public/bbs_admin/bootstrap/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/public/bbs_admin/bootstrap/bootstrap-select/css/bootstrap-select.css">
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/datetime.css">
    <!-- data_time request end -->
    <!-- 多选框 -->
    <link rel="stylesheet" type="text/css" href="/public/bbs_admin/ArticleManagement/select/styles.css">
    <!-- 多选框end -->
    <link rel="stylesheet" href="/public/layui/css/layui.css">
</head>

<body data-open="click" data-menu="vertical-menu" data-col="2-columns"
    class="vertical-layout vertical-menu 2-columns  fixed-navbar">

    <!-- navbar-fixed-top-->
    <nav class="header-navbar navbar navbar-with-menu navbar-fixed-top navbar-semi-dark navbar-shadow">
        <div class="navbar-wrapper">
            <div class="navbar-header">
                <ul class="nav navbar-nav">
                    <li class="nav-item mobile-menu hidden-md-up float-xs-left"><a
                            class="nav-link nav-menu-main menu-toggle hidden-xs"><i
                                class="icon-menu5 font-large-1"></i></a></li>
                    <li class="nav-item"><a href="index.html" class="navbar-brand nav-link"><img alt="branding logo"
                                src="/public/bbs_admin/app-assets/images/logo/robust-logo-light.png"
                                data-expand="/public/bbs_admin/app-assets/images/logo/robust-logo-light.png"
                                data-collapse="/public/bbs_admin/app-assets/images/logo/robust-logo-small.png"
                                class="brand-logo"></a></li>
                    <li class="nav-item hidden-md-up float-xs-right"><a data-toggle="collapse"
                            data-target="#navbar-mobile" class="nav-link open-navbar-container"><i
                                class="icon-ellipsis pe-2x icon-icon-rotate-right-right"></i></a></li>
                </ul>
            </div>
            <div class="navbar-container content container-fluid">
                <div id="navbar-mobile" class="collapse navbar-toggleable-sm">
                    <ul class="nav navbar-nav">
                        <li class="nav-item hidden-sm-down"><a class="nav-link nav-menu-main menu-toggle hidden-xs"><i
                                    class="icon-menu5"> </i></a></li>
                        <li class="nav-item hidden-sm-down"><a href="#" class="nav-link nav-link-expand"><i
                                    class="ficon icon-expand2"></i></a></li>
                        <li class="nav-item hidden-sm-down"><a
                                href="https://pixinvent.com/bootstrap-admin-template/robust/" target="_blank"
                                class="btn btn-success upgrade-to-pro">Upgrade to PRO $24</a></li>
                    </ul>
                    <ul class="nav navbar-nav float-xs-right">
                        <li class="dropdown dropdown-language nav-item"><a id="dropdown-flag" href="#"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                                class="dropdown-toggle nav-link"><i class="flag-icon flag-icon-gb"></i><span
                                    class="selected-language">English</span></a>
                            <div aria-labelledby="dropdown-flag" class="dropdown-menu"><a href="#"
                                    class="dropdown-item"><i class="flag-icon flag-icon-gb"></i> English</a><a href="#"
                                    class="dropdown-item"><i class="flag-icon flag-icon-fr"></i> French</a><a href="#"
                                    class="dropdown-item"><i class="flag-icon flag-icon-cn"></i> Chinese</a><a href="#"
                                    class="dropdown-item"><i class="flag-icon flag-icon-de"></i> German</a></div>
                        </li>
                        <li class="dropdown dropdown-notification nav-item"><a href="#" data-toggle="dropdown"
                                class="nav-link nav-link-label"><i class="ficon icon-bell4"></i><span
                                    class="tag tag-pill tag-default tag-danger tag-default tag-up">5</span></a>
                            <ul class="dropdown-menu dropdown-menu-media dropdown-menu-right">
                                <li class="dropdown-menu-header">
                                    <h6 class="dropdown-header m-0"><span
                                            class="grey darken-2">Notifications</span><span
                                            class="notification-tag tag tag-default tag-danger float-xs-right m-0">5
                                            New</span></h6>
                                </li>
                                <li class="list-group scrollable-container"><a href="javascript:void(0)"
                                        class="list-group-item">
                                        <div class="media">
                                            <div class="media-left valign-middle"><i
                                                    class="icon-cart3 icon-bg-circle bg-cyan"></i></div>
                                            <div class="media-body">
                                                <h6 class="media-heading">You have new order!</h6>
                                                <p class="notification-text font-small-3 text-muted">Lorem ipsum dolor
                                                    sit amet, consectetuer elit.</p><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">30 minutes ago</time></small>
                                            </div>
                                        </div>
                                    </a><a href="javascript:void(0)" class="list-group-item">
                                        <div class="media">
                                            <div class="media-left valign-middle"><i
                                                    class="icon-monitor3 icon-bg-circle bg-red bg-darken-1"></i></div>
                                            <div class="media-body">
                                                <h6 class="media-heading red darken-1">99% Server load</h6>
                                                <p class="notification-text font-small-3 text-muted">Aliquam tincidunt
                                                    mauris eu risus.</p><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">Five hour ago</time></small>
                                            </div>
                                        </div>
                                    </a><a href="javascript:void(0)" class="list-group-item">
                                        <div class="media">
                                            <div class="media-left valign-middle"><i
                                                    class="icon-server2 icon-bg-circle bg-yellow bg-darken-3"></i></div>
                                            <div class="media-body">
                                                <h6 class="media-heading yellow darken-3">Warning notifixation</h6>
                                                <p class="notification-text font-small-3 text-muted">Vestibulum auctor
                                                    dapibus neque.</p><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">Today</time></small>
                                            </div>
                                        </div>
                                    </a><a href="javascript:void(0)" class="list-group-item">
                                        <div class="media">
                                            <div class="media-left valign-middle"><i
                                                    class="icon-check2 icon-bg-circle bg-green bg-accent-3"></i></div>
                                            <div class="media-body">
                                                <h6 class="media-heading">Complete the task</h6><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">Last week</time></small>
                                            </div>
                                        </div>
                                    </a><a href="javascript:void(0)" class="list-group-item">
                                        <div class="media">
                                            <div class="media-left valign-middle"><i
                                                    class="icon-bar-graph-2 icon-bg-circle bg-teal"></i></div>
                                            <div class="media-body">
                                                <h6 class="media-heading">Generate monthly report</h6><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">Last month</time></small>
                                            </div>
                                        </div>
                                    </a></li>
                                <li class="dropdown-menu-footer"><a href="javascript:void(0)"
                                        class="dropdown-item text-muted text-xs-center">Read all notifications</a></li>
                            </ul>
                        </li>
                        <li class="dropdown dropdown-notification nav-item"><a href="#" data-toggle="dropdown"
                                class="nav-link nav-link-label"><i class="ficon icon-mail6"></i><span
                                    class="tag tag-pill tag-default tag-info tag-default tag-up">8</span></a>
                            <ul class="dropdown-menu dropdown-menu-media dropdown-menu-right">
                                <li class="dropdown-menu-header">
                                    <h6 class="dropdown-header m-0"><span class="grey darken-2">Messages</span><span
                                            class="notification-tag tag tag-default tag-info float-xs-right m-0">4
                                            New</span></h6>
                                </li>
                                <li class="list-group scrollable-container"><a href="javascript:void(0)"
                                        class="list-group-item">
                                        <div class="media">
                                            <div class="media-left"><span
                                                    class="avatar avatar-sm avatar-online rounded-circle"><img
                                                        src="/public/bbs_admin/app-assets/images/portrait/small/avatar-s-1.png"
                                                        alt="avatar"><i></i></span></div>
                                            <div class="media-body">
                                                <h6 class="media-heading">Margaret Govan</h6>
                                                <p class="notification-text font-small-3 text-muted">I like your
                                                    portfolio, let's start the project.</p><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">Today</time></small>
                                            </div>
                                        </div>
                                    </a><a href="javascript:void(0)" class="list-group-item">
                                        <div class="media">
                                            <div class="media-left"><span
                                                    class="avatar avatar-sm avatar-busy rounded-circle"><img
                                                        src="/public/bbs_admin/app-assets/images/portrait/small/avatar-s-2.png"
                                                        alt="avatar"><i></i></span></div>
                                            <div class="media-body">
                                                <h6 class="media-heading">Bret Lezama</h6>
                                                <p class="notification-text font-small-3 text-muted">I have seen your
                                                    work, there is</p><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">Tuesday</time></small>
                                            </div>
                                        </div>
                                    </a><a href="javascript:void(0)" class="list-group-item">
                                        <div class="media">
                                            <div class="media-left"><span
                                                    class="avatar avatar-sm avatar-online rounded-circle"><img
                                                        src="/public/bbs_admin/app-assets/images/portrait/small/avatar-s-3.png"
                                                        alt="avatar"><i></i></span></div>
                                            <div class="media-body">
                                                <h6 class="media-heading">Carie Berra</h6>
                                                <p class="notification-text font-small-3 text-muted">Can we have call in
                                                    this week ?</p><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">Friday</time></small>
                                            </div>
                                        </div>
                                    </a><a href="javascript:void(0)" class="list-group-item">
                                        <div class="media">
                                            <div class="media-left"><span
                                                    class="avatar avatar-sm avatar-away rounded-circle"><img
                                                        src="/public/bbs_admin/app-assets/images/portrait/small/avatar-s-6.png"
                                                        alt="avatar"><i></i></span></div>
                                            <div class="media-body">
                                                <h6 class="media-heading">Eric Alsobrook</h6>
                                                <p class="notification-text font-small-3 text-muted">We have project
                                                    party this saturday night.</p><small>
                                                    <time datetime="2015-06-11T18:29:20+08:00"
                                                        class="media-meta text-muted">last month</time></small>
                                            </div>
                                        </div>
                                    </a></li>
                                <li class="dropdown-menu-footer"><a href="javascript:void(0)"
                                        class="dropdown-item text-muted text-xs-center">Read all messages</a></li>
                            </ul>
                        </li>
                        <li class="dropdown dropdown-user nav-item"><a href="#" data-toggle="dropdown"
                                class="dropdown-toggle nav-link dropdown-user-link"><span
                                    class="avatar avatar-online"><img
                                        src="/public/bbs_admin/app-assets/images/portrait/small/avatar-s-1.png"
                                        alt="avatar"><i></i></span><span class="user-name">John Doe</span></a>
                            <div class="dropdown-menu dropdown-menu-right"><a href="#" class="dropdown-item"><i
                                        class="icon-head"></i> Edit Profile</a><a href="#" class="dropdown-item"><i
                                        class="icon-mail6"></i> My Inbox</a><a href="#" class="dropdown-item"><i
                                        class="icon-clipboard2"></i> Task</a><a href="#" class="dropdown-item"><i
                                        class="icon-calendar5"></i> Calender</a>
                                <div class="dropdown-divider"></div><a href="#" class="dropdown-item"><i
                                        class="icon-power3"></i> Logout</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>

    <!-- ////////////////////////////////////////////////////////////////////////////-->


    {$head}

    <div class="app-content content container-fluid">
        <div class="content-wrapper">
            <div class="content-header row">
                <div class="content-header-left col-md-6 col-xs-12 mb-1">
                    <h2 class="content-header-title">
                        <button onclick='window.location.href="./publishing_tasks_list"' type="button"
                            class="btn btn-success btn-min-width mr-1">列表</button>
                    </h2>
                </div>
                <div class="content-header-right breadcrumbs-right breadcrumbs-top col-md-6 col-xs-12">
                    <div class="breadcrumb-wrapper col-xs-12">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="index.html">控制台</a>
                            </li>
                            <li class="breadcrumb-item"><a href="#">阅读权限管理</a>
                            </li>
                            <li class="breadcrumb-item active">权限任务发布
                            </li>
                        </ol>
                    </div>
                </div>
            </div>

            <div class="row match-height">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title" id="basic-layout-form-center">发布任务</h4>
                            <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
                            <div class="heading-elements">
                                <ul class="list-inline mb-0">
                                    <li><a data-action="collapse"><i class="icon-minus4"></i></a></li>
                                    <li><a data-action="reload"><i class="icon-reload"></i></a></li>
                                    <li><a data-action="expand"><i class="icon-expand2"></i></a></li>
                                    <li><a data-action="close"><i class="icon-cross2"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="card-body collapse in">
                            <div class="card-block">

                                <div class="card-text">
                                    <p>在这里可以发布任务<code> 嘿嘿嘿 </code></p>
                                </div>

                                <form class="form">
                                    <div class="row">
                                        <div class="col-md-8 offset-md-2">
                                            <div class="form-body">
                                                <div class="form-group">
                                                    <label for="task_name">任务名</label>
                                                    <input type="text" id="task_name" class="form-control"
                                                        placeholder="任务名">
                                                </div>
                                                <div class="layui-tab layui-tab-card">
                                                    <ul class="layui-tab-title">
                                                        <li onclick="extended_type('1')" class="layui-this">本站任务</li>
                                                        <li onclick="extended_type('0')">指定链接</li>
                                                    </ul>
                                                    <div data-type="1" id='extended_type' class="layui-tab-content">
                                                        <div class="layui-tab-item layui-show">
                                                            <div class="form-group">
                                                                <label for="eventInput1">需要回复的文章</label>
                                                                <div class="form-group position-relative">
                                                                    <input type="text"
                                                                        class="form-control form-control-lg input-lg com_search_input"
                                                                        id="title_and_id_of_article"
                                                                        placeholder="请填写关键字进行搜索 。。。  ">
                                                                    <div class="form-control-position">
                                                                        <i class="icon-search6"></i>
                                                                    </div>
                                                                    <div class="card">
                                                                        <div class="card-header">
                                                                            <h4 class="card-title">提示</h4>
                                                                            <a class="heading-elements-toggle"><i
                                                                                    class="icon-ellipsis font-medium-3"></i></a>
                                                                            <div class="heading-elements">
                                                                                <ul class="list-inline mb-0">
                                                                                    <li><a data-action="collapse"><i
                                                                                                class="icon-minus4"></i></a>
                                                                                    </li>
                                                                                    <li><a data-action="reload"><i
                                                                                                class="icon-reload"></i></a>
                                                                                    </li>
                                                                                    <li><a data-action="expand"><i
                                                                                                class="icon-expand2"></i></a>
                                                                                    </li>
                                                                                    <li><a data-action="close"><i
                                                                                                class="icon-cross2"></i></a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>

                                                                        <div class="card-body collapse in">
                                                                            <div class="card-block card-dashboard">
                                                                                <div class="table-responsive">
                                                                                    <table style="text-align: center"
                                                                                        class="table">

                                                                                        <head>
                                                                                            <tr>
                                                                                                <td>id</td>
                                                                                                <td>名称</td>
                                                                                                <td>时间</td>
                                                                                                <td>作者</td>
                                                                                            </tr>
                                                                                        </head>
                                                                                        <tbody id='Tips'>
                                                                                            <tr>
                                                                                                <td>请填写关键字进行搜索</td>
                                                                                                <td>请填写关键字进行搜索</td>
                                                                                                <td>请填写关键字进行搜索</td>
                                                                                                <td>请填写关键字进行搜索</td>
                                                                                            </tr>
                                                                                        </tbody>
                                                                                    </table>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="layui-tab-item">
                                                            <label for="task_name">任务链接地址</label>
                                                            <input type="text" id="extended_task_links"
                                                                class="form-control" placeholder="任务链接地址">
                                                        </div>
                                                    </div>
                                                </div>




                                                <div class="form-group">
                                                    <label for="eventInput2">任务权限范围</label>
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div style="float:left;width: 100%" class="form-group">
                                                                <select name="class_list" class="selectpicker" multiple
                                                                    data-live-search="true"
                                                                    data-live-search-placeholder="搜索"
                                                                    data-actions-box="true">
                                                                    <optgroup label="权限列表">
                                                                        {volist name='$bbs_jurisdiction_level' id='vo'}
                                                                        <option> {$vo.level_name} </option>
                                                                        {/volist}
                                                                    </optgroup>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <div class="col-md-6">
                                                        <label for="bbs_user_integral">请选择奖励</label>
                                                        <select id="bbs_user_integral" name="priority"
                                                            class="form-control" data-toggle="tooltip"
                                                            data-trigger="hover" data-placement="top"
                                                            data-title="Priority" data-original-title="" title="">
                                                            {volist name='$bbs_task_award_name' id='vo'}
                                                            <option value="{$vo.id}">{$vo.award_name}</option>
                                                            {/volist}
                                                        </select>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label for="number">输入奖励的金额/经验</label>
                                                        <input type="text" id="number" class="form-control"
                                                            placeholder="输入奖励的金额/经验">
                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <label for="eventInput3">任务说明</label>
                                                    <textarea id="mission_statement" name="content"
                                                        style="width:700px;height:300px;">
                                                        </textarea>
                                                </div>

                                                <div class="form-group">


                                                    <div class="col-md-6">
                                                        <label for="eventInput4">开始时间</label>
                                                        <div class="form-group">
                                                            <!-- <label for="projectinput5">开始时间</label> -->
                                                            <div class="container">
                                                                <div class="row">
                                                                    <div>
                                                                        <div class="form-group">
                                                                            <div class="input-group date"
                                                                                data-target-input="nearest">
                                                                                <input type="text"
                                                                                    id="datetimepicker_start"
                                                                                    name='datetimepicker_start'
                                                                                    class="form-control datetimepicker-input"
                                                                                    data-target="#datetimepicker_start" />
                                                                                <div class="input-group-append"
                                                                                    data-target="#datetimepicker_start"
                                                                                    data-toggle="datetimepicker">
                                                                                    <div class="input-group-text">
                                                                                        <i class="fa fa-calendar"></i>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <label for="eventInput5">结束时间</label>
                                                        <div class="form-group">
                                                            <!-- <label for="projectinput5">开始时间</label> -->
                                                            <div class="container">
                                                                <div class="row">
                                                                    <div>
                                                                        <div class="form-group">
                                                                            <div class="input-group date"
                                                                                id="datetimepicker_end"
                                                                                data-target-input="nearest">
                                                                                <input type="text"
                                                                                    id="datetimepicker_end_input"
                                                                                    class="form-control datetimepicker-input"
                                                                                    data-target="#datetimepicker_end" />
                                                                                <div class="input-group-append"
                                                                                    data-target="#datetimepicker_end"
                                                                                    data-toggle="datetimepicker">
                                                                                    <div class="input-group-text"><i
                                                                                            class="fa fa-calendar"></i>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <script type="text/javascript">
                                                                        $(function () {
                                                                            $('#datetimepicker_start')
                                                                                .datetimepicker({
                                                                                    locale: 'zh-cn'
                                                                                });
                                                                        });
                                                                        $(function () {
                                                                            $('#datetimepicker_end')
                                                                                .datetimepicker({
                                                                                    locale: 'zh-cn'
                                                                                });
                                                                        });
                                                                    </script>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="form-group">

                                                </div>

                                                <div class="col-md-12">
                                                    <fieldset style="text-align: center" id='once_a_day' tabindex="0"
                                                        class='radioGroup'>
                                                        <legend>每日一次:</legend>
                                                        <input id='0' name="group1" value="1" type="radio">
                                                        <label for='0'>是</label>
                                                        <input id='1' name="group1" value="0" type="radio">
                                                        <label for='1'>否</label>
                                                    </fieldset>
                                                </div>

                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-actions center">
                                        <button type="button" onclick="form_success()" class="btn btn-primary">
                                            <i class="icon-check2"></i> 提交
                                        </button>
                                    </div>
                                </form>

                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- ////////////////////////////////////////////////////////////////////////////-->


    <footer class="footer footer-static footer-light navbar-border">
        <p class="clearfix text-muted text-sm-center mb-0 px-2"><span
                class="float-md-left d-xs-block d-md-inline-block">Copyright &copy; 2017 <a
                    href="https://themeforest.net/user/pixinvent/portfolio?ref=pixinvent" target="_blank"
                    class="text-bold-800 grey darken-2">PIXINVENT </a>, All rights reserved. </span><span
                class="float-md-right d-xs-block d-md-inline-block">Hand-crafted & Made with <i
                    class="icon-heart5 pink"></i></span></p>
    </footer>

    <!-- BEGIN VENDOR JS-->
    <script src="/public/bbs_admin/app-assets/vendors/js/ui/tether.min.js" type="text/javascript"></script>
    <script src="/public/bbs_admin/app-assets/vendors/js/ui/unison.min.js" type="text/javascript"></script>
    <script src="/public/bbs_admin/app-assets/vendors/js/ui/blockUI.min.js" type="text/javascript"></script>
    <script src="/public/bbs_admin/app-assets/vendors/js/ui/jquery.matchHeight-min.js" type="text/javascript"></script>
    <script src="/public/bbs_admin/app-assets/vendors/js/ui/screenfull.min.js" type="text/javascript"></script>
    <script src="/public/bbs_admin/app-assets/vendors/js/extensions/pace.min.js" type="text/javascript"></script>
    <!-- BEGIN VENDOR JS-->
    <!-- BEGIN PAGE VENDOR JS-->
    <!-- END PAGE VENDOR JS-->
    <!-- BEGIN ROBUST JS-->
    <script src="/public/bbs_admin/app-assets/js/core/app-menu.js" type="text/javascript"></script>
    <script src="/public/bbs_admin/app-assets/js/core/app.js" type="text/javascript"></script>
    <!-- END ROBUST JS-->
    <!-- BEGIN PAGE LEVEL JS-->
    <!-- END PAGE LEVEL JS-->

    <script>
        $("[name$='group1']").click(function (e) {
            $('#once_a_day').data('once_a_day', e.currentTarget
                .id);
        });

        var cpLock = true;
        $('.com_search_input').on('compositionstart', function () {
            cpLock = false;
            //      console.log("compositionstart")
        });
        $('.com_search_input').on('compositionend', function () {
            cpLock = true;
            //      console.log("compositionend")
        });
        $(".com_search_input").on("input", function (e) {
            e.preventDefault();
            var _this = this;
            // console.log("input");
            setTimeout(function () {
                if (cpLock) {
                    $('#Tips').empty();
                    //开始写逻辑
                    $.ajax({
                        type: "POST",
                        url: "./article_select_select",
                        data: {
                            keyword: $('.com_search_input').val()
                        },
                        dataType: "JSON",
                        success: function (response) {
                            if (response.code) {
                                response.data.forEach(value => {
                                    $('#Tips').append(
                                        '<tr onclick="tisp_onclick(\'' + value
                                        .id + '\',\'' + value.title + '\')">' +
                                        '<td>' +
                                        value.id +
                                        '</td>' +
                                        '<td>' +
                                        value.title +
                                        '</td>' +
                                        '<td>' +
                                        value.release_time +
                                        '</td>' +
                                        '<td>' +
                                        value.user_name +
                                        '</td>' +
                                        '</tr>')
                                });
                            }
                        }
                    });
                }
            }, 0)
        })
        var editor;
        var Extended_Settings_Super_Settings_Reason;
        KindEditor.ready(function (K) {
            editor = K.create('#mission_statement', {
                resizeType: 2,
                width: "100%",
                height: '300px',
                uploadJson: '{:url("upload/index/image_upload")}', // 相对于当前页面的路径
                newlineTag: 'br', //回车换行br|p
            });
        });

        function tisp_onclick(id, name) {
            $('#title_and_id_of_article').val(name);
            $('#title_and_id_of_article').data('id', id);
        }

        function extended_type(id) {
            $('#extended_type').data('type', id);
        }

        function form_success() {
            var task_name = $('#task_name').val();
            var title_and_id_of_article = $('#title_and_id_of_article').data('id');
            var extended_task_links = $('#extended_task_links').val();
            var bbs_user_integral = $('#bbs_user_integral').val();
            var number = $('#number').val();
            var extended_type = $('#extended_type').data('type');
            var authority = $('#class_list_select').html();
            var mission_statement = editor.html();
            var datetimepicker_start = $('#datetimepicker_start').val();
            var datetimepicker_end = $('#datetimepicker_end_input').val();
            var once_a_day = $('#once_a_day').data('once_a_day');
            // if (
            // task_name &&
            // title_and_id_of_article &&
            // minimum_authority &&
            // supreme_authority &&
            // mission_statement &&
            // datetimepicker_start &&
            // datetimepicker_end &&
            // once_a_day
            // ) {
            $.ajax({
                type: "POST",
                url: "./publishing_tasks_form_success",
                data: {
                    task_name: task_name,
                    extended_type: extended_type,
                    extended_task_links: extended_task_links,
                    article_id: title_and_id_of_article,
                    bbs_user_integral: bbs_user_integral,
                    number: number,
                    authority: authority,
                    mission_statement: mission_statement,
                    datetimepicker_start: datetimepicker_start,
                    datetimepicker_end: datetimepicker_end,
                    once_a_day: once_a_day,
                },
                dataType: "JSON",
                success: function (response) {
                    if (response.code) {
                        alert('添加成功');
                    } else {
                        alert(response.msg);
                    }
                }
            });
            // } else {
            // alert('参数不允许为空')
            // }

        }
    </script>
    <script src="/public/bbs_admin/app-assets/js/core/libraries/bootstrap.min.js" type="text/javascript"></script>
</body>

</html>